.xmLogin {
    background-color: var(--themeColor);
    .loginBgp {
        width: 100%;
      img {
        width: 100%;
        display: block;
      }
    }
  
    .loginUserName {
        background-color: white;
        line-height: 50px;
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        color: #666;
       
      span {
        color: red;
      }
  
      input#username {
        position: relative;
            left: 40px;
        border:none;
        width: 45%;
      }
    }
  
     
      .loginPassword {
          position: relative;
        background-color: white;
        line-height: 50px;
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        color: #666;
        border-top: 2px solid #f9f9f9;
        span {
            color:red
        }
  
        input#password {
            position: absolute;
            left: 108px;
            border:none;
        width: 45%;
        }
        .loginPhoneCode{
            width: 20%;
            line-height: 30px;
            border-radius: 3px;
            background-color:#07c160;
            color: white;
            position: absolute;
            right: 20px;
        }
        .wait60s{
            line-height: 30px;
            border-radius: 3px;
            background-color:#84e0b0;
            color: white;
            position: absolute;
            right: 20px; 
        }
      }
  
      .loginSubmit {
        font-size: 16px;
        line-height: 45px;
        //width:100%;
        background:#ff976a;
        margin: 20px;
        border-radius: 5px;
        color: white;
      }
  
      .loginChange {
        font-size: 16px; 
        line-height: 45px;
        color: white;
        //width:100%;
        background:#1989fa;
        margin: 20px;
        border-radius: 5px;
      }
    
  }